@charset "utf-8";

/* Layout */
body{background-color:#daedf3;}
#wrap{width:1260px; padding:10px;}

/* Head */
#header{position:relative; height:60px; background:url('../images/common/bg_head.gif') 100% 0 no-repeat; text-align:right; margin-bottom:7px;}
#header h1{position:absolute; top:0; left:0; width:480px; height:60px; background:url('../images/common/bg_head.gif') 0 0 no-repeat; text-align:left; padding-top:18px; padding-left:20px;}

.head-info{display:inline-block; zoom:1; *display:inline; padding-top:12px; padding-right:20px; overflow:hidden;}
.h-info-date{float:left; width:auto; font-size:11px; color:#c1dcf3; line-height:16px; margin-right:26px;}
.h-info-date strong{display:block; font-size:16px; color:#fff; font-weight:600;}
.h-info-date strong em{font-size:13px; color:#a0dcff;}
.h-info-date span{display:inline-block; zoom:1; *display:inline; background:url('../images/icon/ico_cont.png') 5px -229px no-repeat; padding-left:12px; margin-top:4px;}
.h-info-date span.first{background:none;}
.btn-logout{width:39px; height:34px; border:0; background:url('../images/button/btn_head_logout.png') 0 0 no-repeat; text-indent:-9999px;}

/* Body Layout*/
#container{position:relative; background:url('../images/common/bg_container.gif') 0 0 repeat-y; overflow:hidden;}/* Body Wrap*/
#cont-lnb-btm{position:absolute; left:0; bottom:0; width:170px; height:8px; background:url('../images/common/bg_lnb_bottom.gif') 0 0 no-repeat; line-height:8px; z-index:100;}/* Body 하단 왼쪽 라운드 */

/* Left */
#nav{position:absolute; left:0; top:0; width:170px; padding-bottom:20px;}
.lnb{margin-bottom:10px;}

.lnb li{border-bottom:1px solid #2d3134; line-height:50px;}
.lnb li a{display:block; background:url('../images/icon/ico_lnb.png') no-repeat; color:#a7acb5; font-weight:600; line-height:50px; padding-left:50px;}
.lnb li:first-child a, .lnb li:first-child a:hover, .lnb li.active:first-child a{background:url('../images/common/bg_lnb_head.png') 0 0 no-repeat; padding-left:20px;}
.lnb li a:hover, .lnb li.active a{background:url('../images/icon/ico_lnb_on.png') no-repeat #3d97e2; color:#fff;}
.lnb li:first-child:hover a, .lnb li:first-child.active a{background-color:#3d97e2;}

.lnb li a.lnb-ico1{background-position:20px -39px;}
.lnb li a.lnb-ico2{background-position:20px -79px;}
.lnb li a.lnb-ico3{background-position:20px -118px;}
.lnb li a.lnb-ico4{background-position:20px -159px;}
.lnb li a.lnb-ico5{background-position:20px -210px;}
.lnb li a.lnb-ico6{background-position:20px -259px;}
.lnb li a.lnb-ico7{background-position:20px -309px;}
.lnb li a.lnb-ico8{background-position:20px -350px;}
.lnb li a.lnb-ico9{background-position:20px -389px;}

.lnb li a .ico-lnb{display:inline-block; zoom:1; *display:inline; width:20px; background:url('../images/icon/ico_lnb.png') no-repeat; vertical-align:middle; margin-right:10px;}
.lnb li a:hover .ico-lnb, .lnb li.active a .ico-lnb{background:url('../images/icon/ico_lnb_on.png') no-repeat;}
.lnb li a .ico-lnb.home{height:14px; background-position:0 -18px;}

.lnb li.active ul{background-color:#313639; padding-top:14px; padding-bottom:14px;}
.lnb li.active ul li{height:22px; border:0; line-height:22px;}
.lnb li.active ul li a{height:22px; background:url('../images/icon/ico_lnb_2.gif') 50px 11px no-repeat; font-size:13px; color:#a7acb5; line-height:22px; padding-left:58px;}
.lnb li.active ul li a:hover, .lnb li.active ul li.active a{background:url('../images/icon/ico_lnb_2.gif') 50px -88px no-repeat #313639; color:#4aacc9; line-height:22px; padding-left:58px;}

.lnb-date{height:35px; background:url('../images/common/bg_lnb_date.png') 11px 0 no-repeat; padding-top:6px;}
.lnb-date ul{width:120px; background:url('../images/common/bg_lnb_date_arrow.gif') 100% 50% no-repeat; margin:0 auto; overflow:hidden;}
.lnb-date ul li{float:left; width:auto; margin-right:8px;}
.lnb-date ul li a{display:block; width:23px; height:30px; border:0; background:url('../images/button/btn_lnb_date.png') 0 0 no-repeat; font-size:15px; color:#6f7173; font-weight:600; text-align:left; line-height:28px; padding-left:7px;}
.lnb-date ul li.active a{background-position:0 -40px; color:#fff;}

/* Content Layout*/
#contents{min-height:600px; margin-left:180px; padding-bottom:1px;}/* Right Wrap*/

#content{position:relative; background:url('../images/common/bg_content.gif') right bottom no-repeat #fff; padding-bottom:15px; min-height:610px;} /* 본문 */
#cont-left-btm{position:absolute; left:0; bottom:0; width:12px; height:7px; background:url('../images/common/bg_content_left_bottom.gif') 0 0 no-repeat; line-height:7px; z-index:100;}/* Body 하단 왼쪽 라운드 */
#cont-left-top{position:absolute; left:0; top:0; width:5px; height:5px; background:url('../images/common/bg_content_top_left.png') 0 0 no-repeat; line-height:5px; z-index:100;}/* Body 상단 왼쪽 라운드 */
#cont-right-top{position:absolute; right:0; top:0; width:5px; height:5px; background:url('../images/common/bg_content_top_right.png') 0 0 no-repeat; line-height:5px; z-index:100;}/* Body 상단 왼쪽 라운드 */

/* Title */
.cont-top-tit{position:relative; height:35px; padding-top:18px;}
.cont-top-tit.type2{height:auto; padding-bottom:10px;}
.cont-tit{position:relative; padding-top:45px;}
.cont-decision{position:relative; padding-top:60px;}
.cont-decision.vtype{padding-top:0;}
.cont-decision.htype{margin-bottom:5px;}
.cont-tit-prst{position:relative; height:29px; padding-top:16px;}

.h2 span, .h4 span{display:inline-block; zoom:1; *display:inline; font-weight:normal; line-height:20px; padding-left:10px;}

.h2{background:url('../images/icon/ico_h2.png') no-repeat; font-size:20px; color:#444; padding-left:24px;}
.h2 span{font-size:13px; color:#555; vertical-align:3px;}
.h2 em{color:#ff4040;}
.h2.tit1{background-position:0 2px;}
.h2.tit2{background-position:0 -45px;}
.h2.tit3{background-position:0 -239px;}
.h2.tit4{background-position:0 -287px;}
.h2.tit5{background-position:0 -335px;}
.h2.tit6{background-position:0 -384px;}
.h2.tit7{background-position:0 -430px;}
.h2.tit8{background-position:0 -146px;}
.h2.tit9{background-position:0 -191px;}

.cont-top-tit.type2 h2 span{padding-left:0;}

/* File Number */
.h3, .h3 span, .h3 em{display:inline-block; zoom:1; *display:inline;}
.h3{height:35px; background:url('../images/contents/h3_rd_bg.png') 100% 0 no-repeat #efefef; font-size:14px; font-weight:normal; line-height:35px; padding-right:27px; margin-bottom:10px;}
.h3-report{height:42px; background:url('../images/contents/bg_report.gif') 0 0 no-repeat; font-size:20px; color:#17337b; text-align:center; padding-top:44px;}

.file-tit{background:url('../images/contents/h3_rd_bg.png') 0 0 no-repeat #3d97e2; color:#fff; padding-left:12px; padding-right:7px;}
.file-tit em{background:url('../images/icon/ico_cont.png') 0 -95px no-repeat #3d97e2; padding-left:24px;}
.file-num{background:url('../images/contents/h3_rd_bg_num.gif') 0 0 no-repeat #efefef; padding-left:32px;}

.h4{height:30px; font-size:20px; color:#444;}
.h4 span{font-size:14px; color:#555;}

.h5{position:relative; height:25px; border-top:1px solid #dfe6eb; background:url('../images/icon/ico_cont.png') 0 -124px no-repeat; font-size:16px; color:#444; padding-top:20px; padding-left:20px;  margin-top:10px;}

.h-byte{position:absolute; top:52px; right:0; font-size:13px; color:#666;}
.h-byte em{color:#0e90dc;}
.h-btn{position:absolute; top:30px; right:0;}
.h-txt{position:absolute; top:52px; right:0; font-size:13px; color:#ff4040;}

.h-btn-step{position:absolute; top:5px; right:0; width:158px; height:30px;}
.step-btn{position:relative;}
.step-btn a{position:absolute;}
.step-btn a.sb1{top:0; left:0; z-index:30;}
.step-btn a.sb2{top:0; left:78px; z-index:20;}
.step-btn a.sb1 span, .step-btn a.sb2 span{width:60px;}

.step-btn a.sb1{background:url('../images/button/btn_step2.html') 100% 0 no-repeat;}
.step-btn a.sb1.focus{background:url('../../images/button/btn_bg.gif') 100% -659px no-repeat; z-index:10;}
.step-btn a.sb2 span{background:url('../images/button/btn_step1.html') 0 0 no-repeat;}

.h-presa{position:absolute; top:52px; right:0; font-size:13px; font-weight:700; color:#666;}
.h-presa em{color:#ff4040;}

.h5 .h-byte{top:23px;}

.cont-body + .cont-tit{padding-top:10px;}
.cont-body + .cont-tit .h-btn{top:-5px;}
.cont-body + .cont-tit .h-txt{top:16px;}
.cont-body + .cont-tit .h-presa{top:15px;}

.cont-body .section .cont-tit:first-child{padding-top:45px;}

.cont-tit-prst h3{position:absolute; top:0; right:0;}
.cont-decision.vtype h4{padding-top:29px;}

/* Location */
.location{position:absolute; top:20px; right:0; padding-right:8px; overflow:hidden;}
.location li{float:left; display:inline-block; zoom:1; *display:inline; background:url('../images/icon/ico_cont.png') 0 -71px no-repeat; font-size:12px; color:#555; padding-left:11px; margin-right:7px}
.location li:first-child{width:25px; height:14px; background:url('../images/icon/ico_cont.png') 0 0 no-repeat; text-indent:-9999px; padding-left:0; margin-right:0;}

/* Balloon */
.txt-Baln{position:absolute; width:31px; height:19px; background:url('../images/common/bg_balloon_top.png') 0 0 no-repeat; font-family:'Lato'; font-size:12px; color:#fff; text-align:center; padding-top:3px; padding-right:1px;}

/* Top Diagram */
.diagram{position:relative; height:128px; margin-bottom:18px;}
.diagram.addbtn{padding-right:152px;}

.dig-box{height:128px; background:url('../images/common/bg_diagram.gif') 0 0 no-repeat;}
.dig-box ul{background:url('../images/common/bg_diagram.gif') 100% 0 no-repeat; margin-left:9px; overflow:hidden;}
.dig-box ul li{position:relative; float:left; height:128px; border-left:1px solid #dfe6eb;}
.dig-box ul li:first-child{border-left:0;}
.dig-box ul li p{margin:0 9px;}
.dig-box ul li:first-child p{margin-left:0;}
.dig-box ul li .txt-Baln{top:76px; right:32px; z-index:10;}
.dig-box ul.c2 li{width:49.9%;}
.dig-box ul.c3 li{width:33.2%;}
.dig-box ul.c4 li{width:24.9%;}
.dig-box ul.c5 li{width:19.9%;}
.dig-box ul.c6 li{width:16.5%;}

.dig-num{height:61px; font-family:'Lato'; font-size:50px; color:#5b6268; text-align:center; padding-top:24px; margin:0;}
.dig-info{height:30px; background:url('../images/common/bg_diagram_info.png') 0 0 no-repeat #818f9a;}
.dig-info span{display:block; background:url('../images/common/bg_diagram_info.png') 100% 0 no-repeat; font-size:15px; color:#fff; text-align:center; line-height:30px;}
.dig-info span em{display:inline-block; zoom:1; *display:inline; background:url('../../images/icon/ico_day.png') 0 50% no-repeat; padding-left:40px;}
.dig-info span em.dacc{background:url('../../images/icon/ico_acc.png') 0 50% no-repeat;}
.dig-btn{position:absolute; top:0; right:0;}

.dig-box ul li.not-dist .dig-num{color:#f62a2a}
/*.dig-box ul li.not-dist .dig-info{background-color:#fb6868}*/

/* List Outline*/
.list-main{}
.list-middle{text-align:center; margin-top:10px; margin-bottom:20px;}
.list-bottom{position:relative; height:40px; text-align:center; margin-top:20px;}
.list-bottom-right{text-align:right; margin-top:10px; margin-bottom:-10px;}
.list-bottom-right a{margin-left:3px;}
.list-btm-left{position:absolute; top:-5px; left:10px;}
.list-btm-right{position:absolute; top:-5px; right:10px;}

.list-view{border-top:2px solid #3c4146;}
.list-view.form{padding-top:10px;}

.list-view-sub{border-bottom:1px solid #dfe6eb; padding-bottom:10px;}

/* Table */
.tb-list{table-layout:fixed;}
.tb-list th, .tb-list td{text-align:center;}
.tb-list th{height:32px; border-bottom:2px solid #3c4146; background-color:#f2f5f8; font-size:15px; font-weight:600; color:#333; padding:8px 0;}
.tb-list td{height:30px; border-bottom:1px solid #dfe6eb; color:#222; padding:8px 3px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tb-list td.tb-tit{text-align:left; padding-left:3px; padding-right:3px;}
.tb-list td.tb-tit a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tb-list td.tb-state{background-color:#f2f5f8;}

.tb-list td.form{overflow:visible;}

a.state, a.state span{display:inline-block; zoom:1; *display:inline; height:26px; line-height:26px; background:url('../images/contents/bg_state.png') no-repeat #77b3d6;}
a.state{background-position:100% 0;}
a.state span{width:70px; background-position:0 0; color:#fff; font-weight:700; padding-left:14px; margin-right:14px;}
a.state span.w90{width:90px;}
a.state span.w120{width:120px; padding-left:4px; margin-right:4px;}

a.state.ste-stand1{background-color:#ff8150;}
a.state.ste-stand2{background-color:#a5c562;}
a.state.ste-stand1 span, a.state.ste-stand2 span{width:54px; background:url('../images/contents/bg_state_stand.png') no-repeat; padding-left:30px;}
a.state.ste-stand1 span{background-position:0 0;}
a.state.ste-stand2 span{background-position:0 -34px;}

a.state.ste-stand1 span.w90{width:74px;}

.ste-attr1{color:#5096c2;}/* 대기 - 접수, 승인, 계정, 검수  / 계정승인(예외) */
.ste-attr2{color:#e79d52;}/* 반려 - 접수, 승인, 계정, 검수 */
.ste-attr3{color:#e26a5f;}/* 완료 - 접수, 승인, 반출, 파기, 신청, 발송, 검수, 파기보고 완료, 수탁사 전송 완료 */
.ste-attr3.br span{font-size:12px; line-height:14px;}
.ste-attr4{color:#0b507c;}/* 사용중, 사용중(권한변경) */
.ste-attr5{color:#f21b07;}/* 긴급파기 요청 */
.ste-attr6{color:#5bbd75;}/* 재신청, 재요청 - IT전산 재요청  /  계정 수정 승인(예외)  */
.ste-attr7{color:#11527b;}/* 파기보고 완료 */
.ste-attr8{color:#8aa4b4;}/* 인쇄중 */
.ste-attr9{color:#444;}/* 미파기, 미접수 */
.ste-attr10{color:#9b920a;}/* 파기보고서 제출, 샘플 PDF 생성, 수탁사 정보 전송완료 */

.tb-view{}
.tb-view th, .tb-view td{border-bottom:1px solid #dfe6eb; text-align:left; padding:14px 8px;}
.tb-view th{background-color:#f2f5f7; color:#677d92;}
.tb-view td p{line-height:20px; margin-top:10px;}

.tb-view.form th, .tb-view.form td{padding:8px 10px;}
.tb-view.form td{height:28px;}
.tb-view.form td.tb-input label{font-weight:700; padding-right:20px;}
.tb-view.form td.tb-entry{padding-right:0;}

.tb-view td.td-mid{border-left:1px solid #dfe6eb;}
.tb-view td.median{height:10px; text-indent:-9999px; padding:0; margin:0;}
.tb-view tbody th.mid{border-left:1px solid #dfe6eb}
.tb-view tbody td.form{padding:8px 10px;}

.entry-box{height:120px; border:1px solid #c4c6ca; text-align:justify; margin-top:5px; padding:5px; overflow-y:auto;}

.tb-form{border-bottom:1px solid #e5e5e5;}
.tb-form th, .tb-form td{border-top:1px solid #e5e5e5; text-align:left; padding:10px 5px;}
.tb-form th.split{border-left:1px solid #e5e5e5;}

.tb-draft{border-top:2px solid #3c4146;}
.tb-draft th, .tb-draft td{border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; padding:10px 0;}
.tb-draft th{background-color:#f2f5f8; color:#666;}
.tb-draft td{color:#222;}
.tb-draft td.on{background-color:#0e90dc; color:#fff;}

.tb-view-type2{}
.tb-view-type2 thead th{border-bottom:2px solid #3c4146; font-size:16px; color:#444; padding:14px 8px;}
.tb-view-type2 thead th.after{color:#ff4545}
.tb-view-type2 thead th.divs{font-size:13px; color:#677d92;}
.tb-view-type2 thead th span{font-size:12px;}
.tb-view-type2 tbody th, .tb-view-type2 tbody td{border-bottom:1px solid #dfe6eb; text-align:center; padding:14px 8px;}
.tb-view-type2 tbody th{background-color:#f2f5f7; color:#677d92; text-align:left;}
.tb-view-type2 tbody td.after{color:#222; font-weight:600;}

.tb-view-type2.dotted tbody td{background:url('../images/contents/bg_td_vdot.gif') 0 0 repeat-y;}
.tb-view-type2.dotted td.first{background:none;}

.tb-summary{table-layout:fixed;}
.tb-summary th, .tb-summary td{border-left:1px solid #dfe3e6; text-align:center; padding:8px 3px;}
.tb-summary th:first-child, .tb-summary td:first-child{border-left:0;}
.tb-summary th{border-bottom:2px solid #3c4146; background-color:#f2f5f8; font-size:15px; color:#333; padding:16px 0;}
.tb-summary td{line-height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}


.tb-list-dm{table-layout:fixed;}
.tb-list-dm th, .tb-list-dm td{text-align:center;}
.tb-list-dm th{height:32px; border-bottom:2px solid #3c4146; background-color:#f2f5f8; font-size:15px; font-weight:600; color:#333; padding:8px 0;}
.tb-list-dm thead tr.second th{border-bottom:1px solid #3c4146; background-color:#fff;}
.tb-list-dm td{border-bottom:1px solid #dfe6eb; color:#222; padding:14px 3px;}
.tb-list-dm td.tb-dm{text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:10px; padding-right:10px;}
.tb-list-dm th.mid, .tb-list-dm td.mid{border-left:1px solid #dfe6eb;}

/* Paging */
.paging{text-align:center; margin-top:20px;}
.paging a{display:inline-block; zoom:1; *display:inline; width:28px; height:28px; color:#222; line-height:28px; margin-left:4px;}
.paging a:hover, .paging a.on{width:26px; height:26px; border:1px solid #d5d9dc; color:#3d97e2; line-height:26px; *line-height:27px;}
.paging a.prev, .paging a.next{width:45px; color:#8f9498;}
.paging a.prev{margin-left:0;}
.paging a.prev:hover, .paging a.next:hover{border:none; line-height:26px;}

.list-bottom .paging{margin-top:0;}
.list-bottom .btn{margin:0 2px;}

/* Search */
.list-sch{position:absolute; top:0; right:0; text-align:right; padding-right:10px; z-index:20;}
.list-sch input, .list-sch button{vertical-align:middle;}
.list-sch input{height:33px; border:1px solid #c4c6ca; border-right:0; line-height:33px;}
.list-sch button{width:35px; height:35px; background:url('../images/icon/ico_search_zoom.gif') 0 0 no-repeat; text-indent:-9999px;}

/* Round Box */
.cont-rd-box{position:relative; background:url('../images/contents/rd_box_bg.gif') 0 100% repeat-x #fff; padding-bottom:3px; margin-bottom:8px;}
.cont-rd-box .edge{position:absolute; width:5px; height:9px; z-index:100;}
.cont-rd-box .edge.ltop{top:0; left:0; background:url('../images/contents/rd_box_bg_left_top.png') 0 0 no-repeat;}
.cont-rd-box .edge.lbtm{bottom:0; left:0; background:url('../images/contents/rd_box_bg_left_btm.png') 0 0 no-repeat;}
.cont-rd-box .edge.rtop{top:0; right:0; background:url('../images/contents/rd_box_bg_right_top.png') 0 0 no-repeat;}
.cont-rd-box .edge.rbtm{bottom:0; right:0; background:url('../images/contents/rd_box_bg_right_btm.png') 0 0 no-repeat;}

/* Content Top Menu */
.cont-menu{text-align:center; padding:12px 0;}
.cont-menu li{position:relative; display:inline-block; zoom:1; *display:inline; width:90px; background:url('../images/contents/bg_cont_menu.gif') 0 0 repeat-x #dfe5eb; border:1px solid #cbd0d4; margin-left:20px; *margin-left:24px;}
.cont-menu li:first-child{margin-left:0;}
.cont-menu li a{display:block; height:23px; background:url('../images/icon/icon_menu.png') no-repeat; font-size:14px; color:#444; font-weight:700; text-align:center; padding-top:67px}
.cont-menu li a.on{background:url('../images/icon/icon_menu_on.png') no-repeat; color:#0e90dc;}
.cont-menu li.m-info a{background-position:0 0;}
.cont-menu li.m-stnd a{background-position:-90px 0;}
.cont-menu li.m-fin a{background-position:-180px 0;}
.cont-menu li .txt-Baln{top:-7px; right:-8px; z-index:10;}

/* Content Body */
.cont-body{padding:20px 30px;}

/* List Style */
.list-ivt{margin-top:-8px; overflow:hidden;}
.list-ivt li{float:left; width:47%; background:url('../images/icon/ico_cont.png') 0 -144px no-repeat; padding-left:20px; margin-top:8px; line-height:18px;}
.list-ivt li strong{color:#444;}
.list-ivt li.mline{float:none; position:relative; width:auto; *width:100%; *height:100%; background:none;}
.list-ivt li.mline strong{display:block; position:absolute; top:0; left:0; background:url('../images/icon/ico_cont.png') 0 -144px no-repeat; padding-left:20px; margin-right:3px;}
.list-ivt li.mline .mline-cont{display:block; padding-left:63px; text-align:justify;}
.list-ivt li.aline{width:auto; *width:100%;}

.list-ivt.aline li{float:none; width:auto;}

.list-hbar{padding:5px 0; overflow:hidden;}
.list-hbar li{float:left; width:auto; background:url('../images/icon/ico_cont.png') 9px -177px no-repeat; padding-left:18px;}
.list-hbar li:first-child{background:none; padding-left:0;}

.list-stage{padding:5px 10px 0;}
.list-stage li{display:inline-block; zoom:1; *display:inline; width:36%; height:40px; line-height:40px;}
.list-stage li:first-child{width:15%;}
.list-stage li.stg-mid{width:15%}
.list-stage li label{padding-left:5px;}

.list-div{padding:5px 0;}
.list-div li{display:inline-block; zoom:1; *display:inline; width:49%; height:40px; line-height:40px;}
.list-div li label{padding-left:5px;}

/* 
2014-10-22
.list-stage{padding:5px 10px 0; }
.list-stage li{display:inline-block; zoom:1; *display:inline; width:36%; height:40px; line-height:40px;}
.list-stage li:first-child{width:15%;}
.list-stage li.stg-mid{width:15%}
.list-stage li label{padding-left:5px;}
*/

.list-guide{background-color:#f5f5f5; margin-top:10px; padding:15px 10px 15px;}
.list-guide ul{margin-top:-15px;}
.list-guide ul.c2{overflow:hidden;}
.list-guide li{background:url('../images/icon/ico_cont.png') 0 -203px no-repeat; margin-top:15px; padding-left:6px;}
.list-guide li strong{color:#444;}

.list-guide ul.c2 li{float:left; width:48%;}

.list-guide ul.justify{}
.list-guide ul.justify li{overflow:hidden;}
.list-guide ul.justify li strong{float:left; width:140px;}

.list-inline p{display:inline-block; zoom:1; *display:inline; vertical-align:middle;}
.list-inline p:first-child{margin-right:5px;}
.list-inline p.btn-app{margin-left:5px;}

.list-caption{}
.list-caption li{background:url('../images/icon/ico_cont.png') 0 -203px no-repeat; margin-top:10px; padding-left:6px;}
.list-caption strong{color:#444;}
.list-caption li:first-child{margin-top:0;}

.list-hline{}
.list-hline li{display:inline-block; zoom:1; *display:inline;}

.list-choice{}
.list-choice li{border-bottom:1px solid #dfe6eb; text-align:left; padding-bottom:8px; padding-top:8px;}
.list-choice li:first-child{padding-top:0;}
.list-choice li a{margin-right:10px; vertical-align:middle;}
input.ipt-ch, input.ipt-ch1, input.ipt-ch2{height:33px; border:1px solid #c4c6ca; line-height:34px\9;}
input.ipt-ch{width:840px;}
input.ipt-ch1{width:770px; background:url('../images/contents/txt-ipt1.png') 10px 50% no-repeat; padding-left:70px;}
input.ipt-ch2{width:752px; background:url('../images/contents/txt-ipt2.png') 10px 50% no-repeat; padding-left:88px;}


.txt-000{color:#000;}
.txt-byte.right{text-align:right;}
.txt-byte span{color:#0e90dc}
.txt-point{color:#1ba3e1;}
.txt-emph{color:#0e90dc;}/* 강조 */
.txt-unline{text-decoration:underline;}
.txt-presa{display:inline-block; zoom:1; *display:inline; background:url('../images/icon/ico_cont.png') 0 -202px no-repeat; padding-left:7px; margin-left:10px;}
.txt-presa.df{margin-left:0;}
.txt-turn{color:#3d97e2}
.txt-ff4040{color:#ff4040;}
.txt-mid{text-align:center; margin-top:10px;}

/* Tab */
.cont-tab{overflow:hidden;}
.cont-tab li{float:left; width:33%; border-left:1px solid #dcdfe2;}
.cont-tab li:first-child{width:33.8%; *width:33.9%; border-left:0;}
.cont-tab li a{display:block; height:60px; border-bottom:1px solid #dcdfe2; background-color:#edf1f4; font-size:16px; color:#444; font-weight:700; text-align:center; line-height:60px;}
.cont-tab li a.current{border-bottom:1px solid #fff; background-color:#fff; font-size:22px; color:#0e90dc;}

.cont-tab.c2 li{width:49.95%;}

.hidden{display:none}

/* Select Width 정의  */
.tb-list thead th .selectricWrapper{width:98px;}
.tb-list tbody td .selectricWrapper{width:98px;}
.tb-list-dm tbody td .selectricWrapper{width:98px;}
.tb-list thead th.w110 .selectricWrapper{width:110px;}
.tb-list thead th.w140 .selectricWrapper{width:140px;}
.tb-list thead th .selectric .label{font-size:14px; color:#333; line-height:22px;}
.list-stage li .selectricWrapper{vertical-align:middle;}
.list-stage li .selectricWrapper li{display:block; width:auto; height:20px; line-height:20px}

.tb-view.form .selectricWrapper{margin-right:5px;}

.sel-w230 .selectricWrapper{width:230px;}
.sel-w250 .selectricWrapper{width:250px;}
.sel-w290 .selectricWrapper{width:290px;}
.sel-w300 .selectricWrapper{width:300px;}
.sel-w340 .selectricWrapper{width:340px;}
.sel-w490 .selectricWrapper{width:490px;}

/* input */
.call-1, .call-2, .call-3{box-sizing:border-box;}
.call-1{width:92px; *width:79.2px;}
.call-2{width:102px; *width:94px;}
.call-3{width:102px; *width:94px;}
.w100{width:100%; *width:97%; box-sizing:border-box;}

.btn-date{display:inline-block; zoom:1; *display:inline; margin-left:18px;}
.btn-date .btn{margin-left:2px;}

.box-prov{height:160px; border:1px solid #c4c6ca; text-align:justify; line-height:20px; padding:20px; overflow-y:auto;}
.box-agree{border-bottom:1px solid #aeafaf; font-size:16px; text-align:right; font-weight:600; padding:22px 0;}
.box-agree .icutm{margin-left:5px;}
.box-confirm{background-color:#ecf6f9; font-size:14px; color:#555; text-align:center; font-weight:700; padding:5px 0 15px; margin-top:10px; margin-bottom:10px;}
.box-confirm p{padding-top:10px;}

/* 약관 양식 */
.box-prov h1, .box-prov h2, .box-prov h3, .box-prov h4, .box-prov h5{font-size:13px; margin-bottom:10px;}
.box-prov ul{margin:10px 20px;}
.box-prov ul li{list-style:square;}

/* 결재 */
.dcs-box{position:absolute; top:0; right:0; border-top:2px solid #3c4146; border-right:1px solid #dfe6eb; overflow:hidden;}
.dcs-box li{float:left; width:auto; border-left:1px solid #dfe6eb; border-bottom:1px solid #dfe6eb;}
.dcs-box .dcs-tit, .dcs-box .dcs-draft{width:90px; text-align:center;}
.dcs-box .dcs-tit{border-bottom:1px solid #dfe6eb; background-color:#f2f5f8; font-weight:700; padding:8px 0;}
.dcs-box .dcs-draft{height:20px; background:url('../images/icon/ico_cont.png') 32px -326px no-repeat; color:#999; padding-top:40px;}
.dcs-box .dcs-draft.on, .dcs-box .dcs-draft.retn{color:#222; font-weight:600;}
.dcs-box .dcs-draft.on{background-position:32px -251px;}
.dcs-box .dcs-draft.retn{background-position:32px -405px;}

/* 추출 항목 */
.ext-sch{display:inline-block; zoom:1; *display:inline; background-color:#f5f5f5; padding:7px 10px; margin-bottom:10px;}
.ext-sch dt, .ext-sch dd{display:inline-block; zoom:1; *display:inline; height:35px; line-height:35px;}
.ext-sch dt{background:url('../images/icon/ico_cont.png') 0 -192px no-repeat; color:#444; font-weight:700; padding-left:7px; margin-right:5px;}
.ext-sch dd{margin-left:5px;}

.box-ext-sch{position:relative; width:660px; zoom:1;}
.box-ext-sch:after{content:""; display:block; clear:both;}

.box-ch{float:right; width:296px; height:216px; border:1px solid #d4d4d4; overflow-y:scroll;}
.box-ch:first-child{float:left;}

.list-ext-ch{}
.list-ext-ch li{height:30px; border-bottom:1px solid #d6d7da; color:#333; line-height:30px; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; padding:0 10px; overflow:hidden;}
.list-ext-ch li:hover, .list-ext-ch li.pick{background-color:#40b5b9; color:#fff;}

.box-ext-btn{position:absolute; top:50%; left:50%; width:40px; margin-left:-20px; margin-top:-65px;}
.box-ext-btn a{display:block; width:40px; height:40px; background:url('../images/button/btn_list_ext.gif') no-repeat; font-size:14px; font-weight:700; text-align:center; padding-top:10px; margin-top:10px;}
.box-ext-btn a.bc-add{background-position:0 0; color:#3d97e2;}
.box-ext-btn a.bc-remove{background-position:-60px 0; color:#444;}

.tb-cont-type1{display:inline-block; zoom:1; *display:inline; width:410px; margin:0;}
.tb-cont-type1 label{font-weight:700; padding-right:10px;}

/* 요약 */
.cont-summary{position:relative; background-color:#fff; background:url('../images/common/bg_content.gif') right bottom no-repeat #fff; margin-bottom:20px;}

/* HOME */
.m-diagram{position:relative; height:128px; margin-bottom:18px;}

.m-dig-box{height:128px; background:url('../images/contents/bg_main_diagram.gif') 0 0 no-repeat;}
.m-dig-box ul{height:128px; background:url('../images/contents/bg_main_diagram.gif') 100% 0 no-repeat; margin-left:9px; overflow:hidden;}
/*.m-dig-box ul li{position:relative; float:left; width:33.2%; height:125px; border-left:1px solid #60bbc8;}*/
.m-dig-box ul li{position:relative; float:left; width:24.9%; height:125px; border-left:1px solid #60bbc8;}
.m-dig-box ul li:first-child{border-left:0;}
.m-dig-box ul li p{height:125px; border-left:1px solid #9ad8df; text-align:center; margin-left:1px;}
.m-dig-box ul li p span.num{display:inline-block; zoom:1; *display:inline; background:url('../images/icon/ico_m.png') no-repeat; font-family:'Lato'; font-size:50px; color:#064047; text-align:left; line-height:50px; padding-left:50px; padding-top:35px;}
.m-dig-box ul li p span.txt{display:block; font-size:16px; color:#000; font-weight:600; text-align:center;}
.m-dig-box ul li p span.txt em{display:inline-block; zoom:1; *display:inline; background:url('../../images/icon/ico_day.png') 0 50% no-repeat; padding-left:40px;}
.m-dig-box ul li p span.txt em.acc{display:inline-block; zoom:1; *display:inline; background:url('../../images/icon/ico_acc.png') 0 50% no-repeat; padding-left:40px;}

.m-dig-box ul li p span.num.cont1{background-position:0 38px;}
.m-dig-box ul li p span.num.cont2{background-position:-275px 38px;}
.m-dig-box ul li p span.num.cont3{background-position:-540px 38px;}
.m-dig-box ul li p span.num.cont4{background-position:-1052px 40px;}
/*.m-dig-box ul li p span.num.cont4{background-position:-812px 38px; color:#f32b16;}*/

.m-dig-box ul li:first-child p{border-left:0; margin-left:0;}


.m-box{position:relative; background:url('../images/contents/bg_main_rdg.gif') 100% 100% no-repeat; padding-bottom:3px;}
.m-box h2{height:49px; border-bottom:1px solid #dfe6eb; background-color:#f2f5f8; font-size:16px; color:#333; font-weight:600; line-height:49px; padding-left:20px;}
.m-box h2 a.hday{display:inline-block; zoom:1; *display:inline; background:url('../../images/icon/ico_day.png') 100% 50% no-repeat #f2f5f8; color:#333; padding-right:40px;}

.mb-lt{position:absolute; top:0; left:0; width:5px; height:5px; background:url('../images/contents/bg_main_rdg_left_top.png') 0 0 no-repeat; z-index:100;}
.mb-rt{position:absolute; top:0; right:0; width:5px; height:5px; background:url('../images/contents/bg_main_rdg_right_top.png') 0 0 no-repeat; z-index:100;}
.mb-lb{position:absolute; bottom:0; left:0; width:5px; height:9px; background:url('../images/contents/bg_main_rdg_left_btm.png') 0 0 no-repeat; z-index:100;}
.mb-rb{position:absolute; bottom:0; right:0; width:5px; height:9px; background:url('../images/contents/bg_main_rdg_right_btm.png') 0 0 no-repeat; z-index:100;}

.graph-del{background:url('../images/contents/bg_main_line.gif') 0 0 repeat #fff;}
.graph-del ul{overflow:hidden;}
.graph-del ul li{position:relative; float:left; width:11.1%; height:300px; overflow:hidden;}

.gp-tit{position:absolute; left:0; bottom:0; width:100%; height:45px; border-top:2px solid #9a9c9d; background-color:#fff; font-size:14px; font-weight:600; text-align:center; line-height:45px;}

.gp-bln, .gp-bln p, .gp-bln p span{height:38px; display:inline-block; zoom:1; *display:inline;}
.gp-bln{background:url('../images/contents/bg_balloon_left.png') 0 0 no-repeat; padding-left:15px;}
.gp-bln p{background:url('../images/contents/bg_balloon_right.png') 100% 0 no-repeat; padding-right:15px;}
.gp-bln p span{width:30px; background:url('../images/contents/bg_balloon.png') 50% 0 repeat-x; color:#fff; font-weight:600; line-height:30px; text-align:center;}

.gp-bar{position:absolute; left:50%; bottom:45px; width:30px; margin-left:-15px;}
.gp-bar.type1{background:url('../images/contents/bg_graph1.gif') 0 100% no-repeat #a0a0cb;}
.gp-bar.type2{background:url('../images/contents/bg_graph2.gif') 0 100% no-repeat #66b9d1;}
.gp-bar.type3{background:url('../images/contents/bg_graph3.gif') 0 100% no-repeat #9eb858;}
.gp-bar.type4{background:url('../images/contents/bg_graph4.gif') 0 100% no-repeat #e9a54f;}
.gp-bar .gp-bln{position:absolute; top:-38px; left:50%; margin-left:-30px;}

.m-cont{margin-top:20px; margin-bottom:-2px; overflow:hidden;}
.m-cont-left{float:left; width:533px;}
.m-cont-right{float:right; width:533px;}

.m-list{background-color:#fff; overflow:hidden;}
.m-list li{float:left; height:95px; border-left:1px solid #e5e5e5; font-size:14px; color:#5b6268; font-weight:600; text-align:center; padding:0; padding-top:24px;}
.m-list li:first-child{border-left:0;}
.m-list li p{font-family:'Lato'; font-size:34px; color:#5b6268; text-align:center; padding:0 10px; margin-top:5px;}
.m-list.c3 li{width:33.2%;}
.m-list.c4 li{width:24.8%;}

.m-list li.not{background:url('../images/contents/bg_main_not.gif') 0 100% repeat-x;}
.m-list li.not p{color:#fe3e28;}
.m-list li.new p{color:#55acee;}

/* Graph */
.m-graph{height:400px; background:url('../images/contents/bg_main_line.gif') 0 0 repeat #fff; padding-top:4px;}
.m-graph-cont{background:url('../images/contents/bg_graph_cont.gif') 0 bottom repeat-x; *height:100%;}

.graphFieldgraph-dm{margin:0 !important; padding:0;}
.graphBargraph-dm{width:30px; margin:0 auto;}
.graphLabelgraph-dm{height:47px; font-size:14px; color:#666; font-weight:600; line-height:45px;}
.graphValuegraph-dm{height:38px; background:url('../../images/graph/bg_balloon.png') 50% 0 no-repeat; color:#fff; text-align:center; line-height:30px}

/* Upload */
.upload .browser-visible{width:100px; height:35px;}
.upload .file-field{width:100px; border:0; background:transparent;}
.upload .browser-hidden{width:100px;}
.file-vol{display:inline-block; zoom:1; *display:inline; margin-left:20px;}
.file-txt{display:inline-block; zoom:1; *display:inline; height:35px; line-height:35px; padding-left:5px;}

.reg-ctg label{margin:0 35px 0 10px;}

.list-top-form{position:relative; text-align:right; margin-bottom:10px;}